<script src="/aifish/common/check.pjax.js"></script>
<article>
    <div class="toc-affix" style="width: 90px; height: 150px;">
        <div class="ant-affix" >
            <ul class="toc demos-anchor">
                <li><a href="#src-components-Label-demo-primary">默认样式</a></li>
                <li><a href="#src-components-Label-demo-style">修饰样式</a></li>
            </ul>
        </div>
    </div>
    <section class="markdown">
        <h1>Label标签</h1>
        <section class="markdown">
            <p>标签可用于计数、提示或页面上其他的标记显示。使用 <code>class .label </code>来显示标签</p>
            <h2 id="何时使用"><span>何时使用</span><a href="#何时使用" class="anchor">#</a></h2>
        </section>
        <h2>代码演示<i class="code-box-expand-trigger anticon anticon-appstore" title="展开全部代码"></i></h2></section>
    <div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
        <div class="ant-col-24 code-boxes-col-2-1" style="padding-left: 8px; padding-right: 8px;">
            <section class="code-box expand" id="src-components-Label-demo-primary">
                <section id="J_vue_4g5l7z4b1t6" class="code-box-demo">
                    <div>
<h1>Example Heading <span class="label label-default">Label</span></h1>
<h2>Example Heading <span class="label label-default">Label</span></h2>
<h3>Example Heading <span class="label label-default">Label</span></h3>
<h4>Example Heading <span class="label label-default">Label</span></h4>
                    </div>
                </section>
                <section class="code-box-meta markdown">
                    <div class="code-box-title"><a href="#src-components-Label-demo-primary">默认样式</a></div>
                    <div>
                         <p></p>
                    </div>
                    <span class="collapse anticon anticon-circle-o-right" ></span>
                </section>
                <section class="highlight-wrapper highlight-wrapper-expand">
                    <div class="highlight">
                        <pre class="language-xml">
<code >&lt;h1&gt;Example Heading &lt;span class=&quot;label label-default&quot;&gt;Label&lt;/span&gt;&lt;/h1&gt;
&lt;h2&gt;Example Heading &lt;span class=&quot;label label-default&quot;&gt;Label&lt;/span&gt;&lt;/h2&gt;
&lt;h3&gt;Example Heading &lt;span class=&quot;label label-default&quot;&gt;Label&lt;/span&gt;&lt;/h3&gt;
&lt;h4&gt;Example Heading &lt;span class=&quot;label label-default&quot;&gt;Label&lt;/span&gt;&lt;/h4&gt;</code></pre>
                    </div>
                </section>
            </section>
            <section class="code-box" id="src-components-Label-demo-style">
                <section id="J_vue_iw3mdfv42u" class="code-box-demo">
                    <div>
<span class="label label-default">默认标签</span>
<span class="label label-primary">主要标签</span>
<span class="label label-success">成功标签</span>
<span class="label label-info">信息标签</span>
<span class="label label-warning">警告标签</span>
<span class="label label-danger">危险标签</span>
                    </div>
                </section>
                <section class="code-box-meta markdown">
                    <div class="code-box-title"><a href="#src-components-Label-demo-style">其他样式</a></div>
                    <div>
                        <p>
                        </p>
                    </div><span class="collapse anticon anticon-circle-o-right" unselectable="none"></span></section>
                <section class="highlight-wrapper highlight-wrapper-expand">
                    <div class="highlight">
                        <pre class="language-xml">
<code>&lt;span class=&quot;label label-default&quot;&gt;默认标签&lt;/span&gt;
&lt;span class=&quot;label label-primary&quot;&gt;主要标签&lt;/span&gt;
&lt;span class=&quot;label label-success&quot;&gt;成功标签&lt;/span&gt;
&lt;span class=&quot;label label-info&quot;&gt;信息标签&lt;/span&gt;
&lt;span class=&quot;label label-warning&quot;&gt;警告标签&lt;/span&gt;
&lt;span class=&quot;label label-danger&quot;&gt;危险标签&lt;/span&gt;</code></pre>
                    </div>
                </section>
            </section>
        </div>
    </div>

</article>